html {
  min-height: 100%;
}

body {
  font-size: 1rem;
}

.container {
  padding: 0 8rem;
  margin: 0 1rem;
  .header {
    background-color: #eee;
    padding: 3rem 3.75rem;
    margin: 0 0 1.875rem 0;
    border-radius: 0.4rem;
    h2 {
      margin: 1.25rem 0 0.625rem 0;
    }
  }
  .main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    .item {
      border: 1px solid #eee;
      margin: 0 0 1.25rem 0;
      padding: .5rem;
      align-items: center;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: center;
    }
    img {
      width: 100px;
    }
  }
}